<template>
    <div id="fire">
        <div class="header">
            <headbar :headstyleshow="isshowstyle"></headbar>
        </div>
      <span class="sidebar">
          <sidebar :openlist="menulist" :checklist="menuitem"></sidebar>
      </span>
        <div class="right-container">
            <router-view></router-view>
        </div>
    </div>
</template>
<script type="text/javascript">
    import Headbar from '../../components/headbar.vue'
    import Sidebar from '../../components/sidebar.vue'
    export default {
        components: {
            Headbar,
            Sidebar
        },
        data(){
            return {
                menulist:"",
                menuitem:['3'],
                isshowstyle: true,
            }
        },
      created(){
          this.menulist = this.$route.query.name;
          switch (this.menulist)
          {
              case '4_1':
                  this.$router.push({
                      path: '/fireManagement/index',
                      query: {name: '4_1'}
                  })
                  break;
              case '4_2':
                  this.$router.push({
                      path: '/fireManagement/vehicleStateMg',
                      query: {name: '4_2'}
                  })
                  break;
              case '4_3':
                  this.$router.push({
                      path: '/fireManagement/theVehicleMg',
                      query: {name: '4_3'}
                  })
                  break;
              case '4_4':
                  this.$router.push({
                      path: '/fireManagement/registrationMg',
                      query: {name: '4_4'}
                  })
                  break;
              case '4_5':
                  this.$router.push({
                      path: '/fireManagement/suppliesEquipmentMg',
                      query: {name: '4_5'}
                  })
                  break;
              case '4_6':
                  this.$router.push({
                      path: '/fireManagement/Fire-fightingPreplanInfoMg',
                      query: {name: '4_6'}
                  })
                  break;
          }
      }
    }
</script>
<style lang="less" scoped>
    #fire {
        width: 100%;
        height: 100%;
    }
</style>
